Jarnee
БрендДизайн-системаМакетЭкраныАнимацииПланирование
Назад к планированию
Планирование › План: скелетоны экранов + вертикальная витрина

Предложение и план работ

Скелетоны как часть каждого экрана

Идея: для каждого экрана витрины собрать собственный скелетон загрузки — точно по его контенту, по токенам дизайн-системы, с шиммером. Скелетон ставим в пару справа от живого экрана, а саму витрину «Экраны» разворачиваем вертикально: экран за экраном. На каждый скелетон-экран — отдельная спец-страница, как у обычных экранов.

Задача большая, поэтому сначала — формат и охват на согласование. Ниже: концепт-превью, пул вопросов с вариантами (рекомендованный помечен звездой) и план реализации по этапам. Отметьте варианты, оставьте замечания — выбор сохраняется автоматически.

Концепт-превью · как это выглядит

Экран и его скелетон — в паре

Слева — живой экран из прототипа, справа — его скелетон: те же формы и размеры, нейтральные плейсхолдеры с шиммером. Так пара выглядит в вертикальной витрине. Это иллюстрация формата, не финал.

контент · витрина поездок

те же формы
9:41

скелетон · загрузка

На согласовании

{{ nQ }} вопросов · {{ nW }} задач

{{ a.n }}

{{ a.title }}

Отвечено вопросов: {{ answeredN }} / {{ nQ }}. Достаточно принять рекомендованные варианты или выбрать свои и оставить замечания.

Взято в работу

{{ inclN }} / {{ total }}

Отмеченные пункты войдут в финальный план. Рекомендованный вариант помечен звездой.

Прогресс реализации · {{ wDone }} из {{ nW }} задач

Все этапы закрыты — скелетоны, спеки, переход

Выполнено · {{ wDone }}
Частично · {{ wPartial }}
Не начато · {{ wTodo }}

{{ decidedN }} / {{ nQ }} вопросов решено

Компоновка, покрытие, токены и охват — приняты по рекомендации.

{{ wDone }} / {{ nW }} задач выполнено

Компонент Skeleton и пилот-пара на витрине готовы. Впереди — тираж, состояния и спеки.

Пилот готов

Эталон на витрине поездок — в вкладке «Экраны». Посмотрите пару «контент / скелетон» и дайте добро на тираж.

{{ g.num }} · {{ g.short }}

{{ g.title }}

{{ g.desc }}

{{ f.id }} {{ f.kindLabel }} {{ f.statusLabel }}

{{ f.title }}

{{ f.problem }}

Сейчас

{{ f.beforeEl }}

Станет

{{ f.afterEl }}

Варианты
{{ o.label }} рекомендую

{{ o.desc }}

Итог согласования

Принятые решения · {{ inclN }} {{ inclWord }}

{{ c.id }}

{{ c.title }}

→ {{ c.choice }}

«{{ c.comment }}»
{{ c.kindLabel }}

Пока ничего не отмечено. Поставьте галочки на нужных пунктах выше — или нажмите «Принять все рекомендованные», чтобы собрать план из моих предложений.

Как только вы ответите на вопросы и отметите пункты — соберу пилот: компонент Skeleton, вертикальную пару «экран + скелетон» на витрине и спеку на эталонном экране. Покажу — после правок прогоню на остальные экраны.